<template>
    <!-- 主要内容 -->
    <div class="ly-main">
        <el-row :gutter="10">
            <el-col :xs="24" :sm="24" :md="15" :lg="16" :xl="17">
                <div class="ly-content">
                    <keep-alive>
                        <router-view></router-view>
                    </keep-alive>
                </div>
            </el-col>
            <!--  边界信息 -->
            <el-col :xs="24" :sm="24" :md="7" :lg="6" :xl="5">
                <keep-alive>
                    <side-bar></side-bar>
                </keep-alive>
            </el-col>
        </el-row>

        <!-- 跳转首行 -->
        <el-backtop ></el-backtop>

    </div>
</template>

<script>
    import SideBar from './SideBar'

    export default {
        components: {
            SideBar
        },
    }
</script>

<style scoped>

    .ly-header {
        margin-bottom: 65px;
    }

    .ly-content {
        padding: 20px 20px;
        min-width: 300px;
    }

    .ly-content > div > div {
        margin-top: 50px;
    }


</style>
